<%--
    Document   : view-ss-linegraph
    Created on : Mar 24, 2011, 6:59:53 PM
    Author     : bayu
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <jsp:include page="includes/script.html"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Steel & Scrap - Incoming & Usage</title>
    </head>
    <body>
        <center>
            <form method="get">
                From : <input type="text" value="${start}" name="start" readonly>
                <img src="images/calendar.gif" onclick="displayDatePicker('start', false, 'ymd', '-');" />&nbsp;
                To : <input type="text" value="${end}" name="end" readonly>
                <img src="images/calendar.gif" onclick="displayDatePicker('end', false, 'ymd', '-');" />&nbsp;
                <input type="submit" name="submit" value="view">
            </form>
        </center>
        <br>
        <center>
            <a href="ss-bargraph-big.png"><img src="ss-bargraph.png" width="800" border="0"></a>

            <br>
            <br>
            <table bgcolor="#000000" cellspacing="1" cellpadding="1" width="1000">
                <tr bgcolor="#FFFFFF">
                    <td width="12%">Date</td>
                   
                    <c:forEach items="${data}" var="data">
                        <td width="3%" align="center"><fmt:formatDate pattern="dd" value="${data.tanggal}" /></td>
                    </c:forEach>
                </tr>
                <tr bgcolor="#FFFFFF">
                    <td width="7%">Plan-incoming</td>
                    
                    <c:forEach items="${data}" var="data">
                        <td width="3%" align="right">${data.planIncoming}</td>
                    </c:forEach>
                </tr>
                <tr bgcolor="#FFFFFF">
                    <td width="7%">Incoming</td>
                    
                    <c:forEach items="${data}" var="data">
                        <td width="3%" align="right">${data.incoming}</td>
                    </c:forEach>
                </tr>
                <tr bgcolor="#FFFFFF">
                    <td width="7%">Plan usage</td>
                    
                    <c:forEach items="${data}" var="data">
                        <td width="3%" align="right">${data.planUsage}</td>
                    </c:forEach>
                </tr>
                <tr bgcolor="#FFFFFF">
                    <td width="7%">Usage</td>
                    
                    <c:forEach items="${data}" var="data">
                        <td width="3%" align="right">${data.usageData}</td>
                    </c:forEach>
                </tr>
            </table>
        </center>
    </body>
</html>

